<!DOCTYPE html>
<html>
<head>
	<title>Новарчик</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
	<script src="js/jquery.flexislider.js" type="text/javascript"></script>
</head>
<body>
<div id="main">
	<div id="header">
		<div id="logo">
			<a href="index.html"><img src="images/logo.png"  height="42px"></a>
		</div>
		<div id="socialIcons">
			<a href="#"><img src="images/face_icon.png"></a>
			<a href="#"><img src="images/g_icon.jpg"></a>
			<a href="#"><img src="images/twit_icon.png"></a>
			<a href="#"><img src="images/vk_icon.png"></a>
		</div>
		<div id="menu">
			<ul>
                <li><a href="#">Новини</a></li>
                <li><a href="#">Засновники</a></li>
                <li><a href="#">Регістр</a></li>
                <li><a href="#">Контакти</a></li>
                <li><a href="#">Свідоцтво</a></li>
                <li><a href="#">Наш осередок</a></li>
                <li><a href="#">Розклад</a></li>
                <li><a href="#">Якубович</a></li>
                <li><a href="#">Галерея</a></li>
                <li><a href="#">Відео</a></li>
            </ul>
		</div>
	</div>
	<div id="content">
	<div id="textCont">
		<div id="h1" class="hh">
			<div id="imgH1" class="imH"><img src="images/git1.jpg"></div>
			<div id="txtH1" class="txH">
				<h1>Заголовк 1</h1> <div id="review_rate_1"><input type="hidden" name="review_count" value="5" /><input type="hidden" name="review_rate" value="20" /></div>
				<div style="clear: both;"></div>
				<p>
					Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
					<br>	
					Git is easy to learn and has a tiny footprint with lightning fast performance. It outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with features like cheap local branching, convenient staging areas, and multiple workflows.<br>
					The Git feature that really makes it stand apart from nearly every other SCM out there is its branching model.
					<br>
					Git allows and encourages you to have multiple local branches that can be entirely independent of each other. The creation, merging, and deletion of those lines of development takes seconds.
				</p>
			</div>
		</div>
		<div id="h2" class="hh">
			<div id="imgH2" class="imH"><img src="images/git1.jpg"></div>
			<div id="txtH2" class="txH">
				<h1>Заголовк 2</h1> <div id="review_rate_2"><input type="hidden" name="review_count" value="5" /><input type="hidden" name="review_rate" value="18" /></div>
				<div style="clear: both;"></div>
				<p>
					This means that you can do things like:
					<br>
					Frictionless Context Switching. Create a branch to try out an idea, commit a few times, switch back to where you branched from, apply a patch, switch back to where you are experimenting, and merge it in.<br>
					Role-Based Codelines. Have a branch that always contains only what goes to production, another that you merge work into for testing, and several smaller ones for day to day work.<br>
					Feature Based Workflow. Create new branches for each new feature you're working on so you can seamlessly switch back and forth between them, then delete each branch when that feature gets merged into your main line.<br>
					Disposable Experimentation. Create a branch to experiment in, realize it's not going to work, and just delete it - abandoning the work—with nobody else ever seeing it (even if you've pushed other branches in the meantime).<br>
				</p>
			</div>
		</div>
		<div id="h3" class="hh">
			<div id="imgH3" class="imH"><img src="images/git1.jpg"></div>
			<div id="txtH3" class="txH">
				<h1>Заголовк 3</h1> <div id="review_rate_3"><input type="hidden" name="review_count" value="5" /><input type="hidden" name="review_rate" value="25" /></div>
				<div style="clear: both;"></div>

			</div>
		</div>
		<script type="text/javascript">
		var oRate = new Array();
			oRate['image'] = 'images/rate_stars.png';
			oRate['block_width'] = 100;
			oRate['block_height'] = 22;
			oRate['star_width'] = 19;
			oRate['star_height'] = 17;
			oRate['delimiter_width'] = 3;
			oRate['identificator_id'] = 'review_rate_';
			oRate['max_rate'] = 5;
			oRate['color_active'] = '#FBA91A';
			oRate['color_rate'] = '#008BC2';
			oRate['color_not_active'] = '#757575';
			oRate['function'] = 'setRate';
			oRate['type'] = 'review';
			oRate['allow_voite'] = 1;
		</script>
		<script type="text/javascript" src="jss/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="jss/rate_script.js"></script>
		<script type="text/javascript">
			function setRate(iRate, iId, sType)
			{
				alert('You have add: '+iRate+' points');
			}
		</script>
	</div>	
	</div>
	<div id="footer">
		<hr color="grey" size="4">

		<div id="slider">
			<div id="imageloader">
				<img src="images/ajax-loader.gif" />
			</div>
			<img src="images/sample1.jpg" />
			<img src="images/sample2.jpg" />
			<img src="images/sample3.jpg" />
			<img src="images/sample4.jpg" />
			<img src="images/sample5.jpg" />
			<img src="images/sample6.jpg" />
			<img src="images/sample7.jpg" />
			<img src="images/sample8.jpg" />
			<img src="images/sample9.jpg" />
			<img src="images/sample10.jpg" />
			<img src="images/sample11.jpg" />
			<img src="images/sample12.jpg" />
		</div>
		
		<hr color="black" size="5">
	</div>
</div>
</body>
</html>